
.conditionSearch {
    padding   : 40px 30px;
    border    : 1px solid #e7f0f3;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.06);

    .head {
        position  : relative;
        margin-top: -10px;

        .title {
            font-size    : 16px;
            font-weight  : bold;
            margin-bottom: 30px;

            &:before {
                content       : '';
                display       : inline-block;
                width         : 4px;
                height        : 16px;
                background    : #095FD3;
                margin-right  : 10px;
                vertical-align: -2px;
            }
        }

        .extra {
            position: absolute;
            top     : 2px;
            right   : 0
        }
    }

    .item {
        margin-bottom: 30px;

        .conditionName {
            float      : left;
            width      : 130px;
            font-weight: bold;
            font-size  : 16px;
            color      : #333;
            text-align : right;
            margin     : 2px 15px 0 0;
        }

        .content {
            overflow    : hidden;
            margin-right: 70px;

            li {
                display  : inline-block;
                font-size: 16px;
                color    : #666;
                margin   : 0 0 10px 0;
                padding  : 0 10px;
                cursor   : pointer;
                border   : 1px solid transparent;
                height   : unset;

                &.active {
                    color        : blue;
                    border-color : blue;
                    border-radius: 4px;
                }

                &.disabled {
                    color : #999;
                    cursor: not-allowed;
                }

                .selectLabel {
                    margin-right: 8px;
                }
            }

            li+li {
                margin-left: 26px;
            }

            :global {
                .ant-row {
                    display      : inline-block;
                    margin-bottom: 0;
                    top          : -5px;
                }

                .ant-select-selection__placeholder {
                    font-size: 18px;
                    color    : #666;
                }

                ::placeholder {
                    color    : #8c9294;
                    font-size: 16px;
                }

            }
        }

        .expand {
            float     : right;
            color     : blue;
            font-size : 14px;
            margin-top: 5px;
            cursor    : pointer;

            :global(.anticon) {
                color      : #9DAEC7;
                margin-left: 5px;
            }
        }
    }

    .footer {
        text-align: right;

        :global {
            .ant-btn-lg {
                width    : 120px;
                height   : 40px;
                font-size: 18px;

                >span {
                    width: 100%;
                }
            }

            .ant-btn+.ant-btn {
                margin-left: 10px;
            }

            .ant-btn-blue {
                background: #009fd1;
            }

            .ant-btn-green {
                background: #095FD3;
            }
        }
    }

}